﻿/***********************************************************************************************
**************************************Page Skeleton*********************************************
************************************************************************************************/
#page { width: 100%; min-width: 1120px; }
#header { width: auto; height: 46px; }

#nav-inner, #header-inner, #main-content, #footer { width: 1120px; height:100%; margin: 0 auto; }
#nav { color: #5a5a5a; width: auto; height: 46px; }
#nav a:link, #nav a:visited, #nav a:hover { color: #5a5a5a; text-decoration: none; }

#nav .logo { width: 183px; height: 46px; float: left; }
#user_status { float: right; margin-top: 14px; }
#user_status .logged-out .user-item, #user_status .logged-out .login, #user_status .logged-out .help { float: left; display: inline; }
#user_status .logged-in .user-item, #user_status .logged-in .inbox, #user_status .logged-in .help,  #user_status .logged-in .list-your-rv { float: left; display: inline; }
#user_status li a { margin-left: 20px; line-height: 18px; height: 18px; font-weight: bold; padding: 0 10px; }

.dropdown .caret {margin-top: 8px; margin-left: 2px; }
.dropdown-toggle .caret {border-top-color: #393c3d; }
.caret 
{
    display: inline-block;
    width: 0;
    height: 0;
    text-indent: -99999px;
    vertical-align: top;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #000;
    content: "\2193";
}

#main-content { min-height: 500px; _height: 500px; }
.layout-primary { margin-top:20px; }
.layout-primary-left { float: left; width: 230px; min-height: 1px; overflow: hidden; }
.layout-primary-middle { float: left; width: 600px; margin-left: 30px; display: inline; overflow: hidden; }
.layout-primary-right { float: left; width: 230px; min-height: 1px; margin-left: 30px; display: inline; overflow: hidden; }

.layout-2-left { float: left; width: 230px; min-height: 1px; overflow: hidden; }
.layout-2-right { float: left; width: 860px; margin-left: 30px; display: inline; overflow: hidden; }

.layout-home { margin-top:20px; }


#main-content:after, #footer:after, 
.layout-primary:after, .layout-primary-left:after, layout-primary-middle:after, .layout-primary-right:after,
.bc:after { content: "\20"; display: block; height: 0; clear: both; }

#main-content, #footer, 
layout-primary:after, .layout-primary-left, layout-primary-middler, .layout-primary-right, 
.bc { *zoom: 1; }


/***********************************************************************************************
************************************** others *********************************************
************************************************************************************************/

/* breadcrumbs */
.bc { margin-bottom: 20px; }
.bc .sep { margin: 0 5px; }
.bc .bc-block { float: left; margin-right: 50px; line-height: 12px; height: 12px; }

/* pagination */
.pagination .sum { text-align:  right; color: #898989; margin-bottom: 10px; }
.pagination .pages { text-align: right; }
.pagination .pages .cur-page, .pagination .pages a { border: solid 1px #898989; padding: 2px 5px; margin: 2px; display: inline-block; color:#505050; text-decoration:none;}
.pagination .pages .cur-page { font-weight: bold; background-color: #d3effb; }
.pagination .pages a:hover  { background-color: #d3effb; } 
.pagination .pages .firlast { border: solid 1px #C9C9C9; padding: 2px 5px; margin: 2px; display: inline-block; color:#A9A9A9; text-decoration:none; }
.pagination .pages .dotdot { color: #898989;}
/***********************************************************************************************
**************************************General UI Framework**************************************
************************************************************************************************/

/* 公用表单元素style */
.input-text { vertical-align: middle; height: 18px; line-height: 18px; padding: 6px 5px; border: 1px solid #b8b8b8; color: #505050; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.input-textarea { padding: 5px; border: 1px solid #b8b8b8; color: #505050; resize: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* placeholder */
.placeholder label { position: absolute; color: #c8c8c8; display: inline-block; cursor: text; height: 26px; line-height: 26px; margin-left: 5px; }

/* overlay */
.fgt-overlay, .fgt-dialog, .fgt-popup { position: absolute; left: -9999px; top: -9999px; }
.fgt-overlay .fgt-contentbox { background-color: #FFF; }

/* popup */
.fgt-popup .fgt-contentbox { position: relative; border: 1px solid #7CC3F0; padding: 10px; background-color: #FFF; }
.fgt-s2-popup .fgt-s2-contentbox { position: relative; background-color: #FFF4F4; border: 1px solid #FFF; padding: 10px; }
.fgt-popup .fgt-ext-shadow, .fgt-s2-popup .fgt-s2-ext-shadow { background-color: #E0ECF1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: .8; filter: alpha(opacity=80); }
.fgt-popup .fgt-arrow, .fgt-s2-popup .fgt-s2-arrow { width: 17px; height: 11px; left: 17px; top: 11px; overflow: hidden; position: absolute; background-image: url('/static/img/icon.png'); background-repeat: no-repeat; }
.fgt-popup .fgt-arrow-top { top: -10px; bottom: auto; background-position: -26px 0; }
.fgt-popup .fgt-arrow-bottom { top: auto; bottom: -10px; background-position: 0 0; }
.fgt-s2-popup .fgt-s2-arrow-top { top: -10px; bottom: auto; background-position: -26px -15px; }
.fgt-s2-popup .fgt-s2-arrow-bottom { top: auto; bottom: -10px; background-position: 0 -15px; }

/* popbox */
.fgt-pb-overlay { position: absolute; left: -9999px; top: -9999px; }
.fgt-pb-overlay .fgt-pb-contentbox { background-color: #FFF; border: 4px solid #7CC3F0; padding: 10px; }

/* dialog */
.fgt-dialog { outline: none; }
.fgt-ext-close {
    height: 8px;
    width: 8px;
    border: 1px solid transparent; 
    right: 10px;
    top: 9px;
    vertical-align: middle;
    position: absolute;
    text-decoration: none;
    outline: none;
    _border-color: tomato;
    _filter: chroma(color = tomato);
    overflow: hidden;
    cursor: pointer;
}

.fgt-ext-close .fgt-ext-close-x {
    display: block;
    background: no-repeat;
    background-image: url('/static/img/icon.png');
    background-position: -92px -53px;
    height: 8px;
    text-indent: -9999px;
    width: 8px;
}

.fgt-ext-close:hover { background: transparent; }

/* login dialog */
#lg_popup .title { background-color: #efefef; padding: 12px 20px; font-size: 15px; font-weight: bold; line-height: 1.2; }
#lg_popup .input-text { height: 18px; line-height: 18px; padding: 6px 5px; width: 263px; display: block; }
#lgp_summary { color: #ff6c73; border: 1px solid #ff6c73; background-color: #ffe6e7; padding: 12px 20px; }
#lgp_frm { padding: 20px; border-top: 1px solid #dbdbdb; }
#lgp_frm .field, #lgp_frm .remember-field { margin-bottom: 10px; }
#lgp_frm .remember { float: left; }
#lgp_frm .remember .chk { float: left; position: relative; top: 3px; _top: -1px; }
#lgp_frm .remember label { float: left; padding-left: 10px; }
#lgp_frm .btn { display: block; width-space: normal; width: 237px; }
#lg_popup .tip { padding: 15px 20px; border-top: 1px solid #dbdbdb; }
#lg_popup .tip a { margin-left: 5px; }

/* confirm dialog */
.fgt-confirm .fgt-stdmod-header { background-color: #efefef; padding: 12px 20px; }
.fgt-confirm .fgt-stdmod-body { padding: 20px; border-top: 1px solid #dbdbdb; }
.fgt-confirm .fgt-stdmod-footer { text-align: right; padding: 15px 20px; border-top: 1px solid #dbdbdb; }
.fgt-confirm .btn { margin-left: 10px; }

.fgt-ext-mask, .fgt-pb-ext-mask { background-color: #000; opacity: 0.3; filter: alpha(opacity = 30 ); }

/* validation */
.valid-simple .ok { color: #aaa; }
.valid-simple .tip { color: #898989; }
.valid-simple .error { color: #f00; }

.valid-s1 .label { display: block; line-height: 18px; }
/*.valid-s1 .tip .label { display: block; line-height: 1.2; }*/
.valid-s1 .estate { background-image: url('/static/img/valid.png'); background-repeat: no-repeat; padding: 6px 5px 6px 25px; }
.valid-s1 .ok { padding: 0; background-position: 3px -12px; height: 32px; width: 20px; }
.valid-s1 .tip { padding: 6px 5px; border: 1px solid #39b54a; background-color: #e8fadb; background-image: none; }
.valid-s1 .error { color: #ff6c73; border: 1px solid #ff6c73; background-color: #ffe6e7; background-position: 3px -154px; }

.valid-summary .label { display: block; line-height: 18px; }
.valid-summary .estate  { padding: 6px 5px; }
.valid-summary .error { color: #ff6c73; border: 1px solid #ff6c73; background-color: #ffe6e7; }

/* tab */
.fgt-tabs-nav { font-size: 16px; font-weight: bold; border-bottom: 1px solid #B8B8B8; *zoom: 1;}
.fgt-tabs-nav:after { content: "\20"; display: block; height: 0; clear: both; }
.fgt-tabs-nav .fgt-tabs-trigger { float: left; overflow: hidden; margin-right: 3px; display: inline; }
.fgt-tabs-nav .fgt-tabs-trigger.active { outline: none; }
.fgt-tabs-nav .fgt-tabs-trigger a
{
    color: #0088c7;
    float: left;
    outline: none;
    height: 30px;
    padding: 0 50px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    background: url('/static/img/button.png') no-repeat 0 -485px; 
    -moz-border-radius: 5px 5px 0 0; 
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}
.fgt-tabs-nav .fgt-tabs-trigger.active a
{
    color: #fff;
    background: url('/static/img/button.png') no-repeat 0 -445px; 
    border-left: 1px solid #62a2c9;
    border-top: 1px solid #62a2c9;
    border-right: 1px solid #62a2c9;
}
.fgt-tabs-nav a:link, .fgt-tabs-nav a:visited, .fgt-tabs-nav a:hover { text-decoration: none; }

/* pagination */
.pagination span { color: #898989; }
.pagination span, .pagination a { padding: 0 5px; margin-left: 2px; }

.pagination .prev { border-style:solid; border-width:1px; border-color:Black;}

.fn .sep { padding: 0 5px; color: #898989; }
.reminder { color: #898989; }

/* 加载提示 */
.loading{ position: relative; }
.loading .text { position: absolute; height: 18px; width: 100%; top: 50%; margin-top: -9px; text-align: center; }
.loading .text span { padding-left: 20px; background: url('/static/img/loading.gif') no-repeat; }
.load-failure { position: relative; }
.load-failure .text { position: absolute; height: 18px; width: 100%; top: 50%; margin-top: -9px; text-align: center; }

/* carousel */
.scrollable .prev, .scrollable .next { position: absolute; cursor: pointer; width: 19px; height: 19px; background: url('/static/img/icon.png') no-repeat; }
.scrollable .prev { background-position: 0 -471px; }
.scrollable .next { background-position: -27px -471px; } 
.scrollable .prev:hover { background-position: 0 -495px; }
.scrollable .next:hover { background-position: -27px -495px; } 
.scrollable .prev.disable { background-position: 0 -519px; }
.scrollable .next.disable { background-position: -28px -519px; } 
.scrollable .disable { cursor: default; }
.scroller { position: relative; overflow: hidden; }


/* button */
.btn
{
    display: inline-block;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-align: center; 
   vertical-align: middle;
   font-weight: bold;
   cursor: pointer;
   padding: 5px 10px;
   font-size: 13px;
   background-color: #2badf3;
   background-image: -webkit-linear-gradient(#2badf3, #2492db);
   background-image: linear-gradient(#2badf3, #2492db);
   border: 1px solid #106fa9;
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
   box-shadow: 0 1px 2px 0 rgba(0,0,0,0.18),inset 0 0 1px 1px rgba(255,255,255,0.09);
   padding: 5px 10px;
   font-size: 13px;
}

.btn1
{
   background-color: #fff;
   background-image: -webkit-linear-gradient(#fff, #f2f2f2);
   background-image: linear-gradient(#fff, #f2f2f2);
   border: 1px solid #c7c7c7;
   color: #393c3d;
   text-shadow: 0 1px 0 #fff;
   box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
} 

.btn-large { padding: 9px 18px; font-size: 15px; }

.btn-block { display: block; white-space: normal; width: 100%; }

.btn:hover, .btn:focus
{
    color: #fff;
    border-color: #1689c7;
    background-color: #27b8f6;
    background-image: -webkit-linear-gradient(#27b8f6, #22a1e7);
    background-image: linear-gradient(#27b8f6, #22a1e7);
    text-decoration: none;
}

.btn1:hover, .btn1:focus
{
    color: #393c3d;
    border-color: #c7c7c7;
    background-color: #fbfbfb;
    background-image: -webkit-linear-gradient(#fbfbfb, #fff);
    background-image: linear-gradient(#fbfbfb, #fff);
    text-decoration: none;
}

.btn:active
{
    border-color: #127fb3;
    border-bottom-color: #148cc6;
    background-color: #1588d1;
    background-image: -webkit-linear-gradient(#1588d1, #1998e2);
    background-image: linear-gradient(#1588d1, #1998e2);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.06),inset 0 1px 1px 0 rgba(0,0,0,0.12);
    text-decoration: none;
}

.btn1:active
{
    border-color: #d4d4d4;
    border-bottom-color: #dedede;
    background-color: #eaeaea;
    background-image: -webkit-linear-gradient(#eaeaea, #f9f9f9);
    background-image: linear-gradient(#eaeaea, #f9f9f9);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.04),inset 0 1px 1px 0 rgba(0,0,0,0.08);
    text-decoration: none;
}

select
{
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    background-color: #fff;
    background-image: -webkit-linear-gradient(#fff, #f2f2f2);
    background-image: linear-gradient(#fff, #f2f2f2);
    border: 1px solid #cdcdcd;
    color: #393c3d;
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
    padding: 6px 9px;
    
    
}

select:hover, select:focus
{
    border-color: #c7c7c7;
    background-color: #fbfbfb;
    background-image: -webkit-linear-gradient(#fbfbfb, #fff);
    background-image: linear-gradient(#fbfbfb, #fff);
    text-decoration: none;
}

select:active
{
    border-color: #d4d4d4;
    border-bottom-color: #dedede;
    background-color: #eaeaea;
    background-image: -webkit-linear-gradient(#eaeaea, #f9f9f9);
    background-image: linear-gradient(#eaeaea, #f9f9f9);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.04),inset 0 1px 1px 0 rgba(0,0,0,0.08);
    text-decoration: none;
}

.icon { font-style: normal; font-weight: normal; line-height: 1; }
.icon:before { line-height: 1; font-family: Airglyphs, sans-serif; }